<template>
    <div class="detail">
        <InfoTop :hdBgUrl="bgImage" infoTopTitle="官方公告" infoTopEnglish="AUDIT REPORT"></InfoTop>
        <div class="detailContent">
            <Bread :bread="myBread"></Bread>
            <h2 v-text="title"></h2>
            <h3 v-text="time1"></h3>
            <p v-text="start"></p>
            <p v-text="content"></p>
            <img :src="image" alt="">
            <span v-text="time2"></span>
        </div>
    </div>
</template>

<script>
    import InfoTop from '../include/InfoTop.vue';
    import Bread from '../include/NewsBread.vue';
    export default{
        data(){
            return {
                bgImage: require('../../../assets/images/newsbg.png'),
                myBread: [
                    {
                        text: '官方公告'
                    },
                    {
                        text: '公告详情'
                    }
                ],
                title: '【系统维护】关于钱内助系统维护通知',
                time1: '2017-11-14 13:22:19',
                start: '尊敬的钱内助用户：',
                content: '您好！钱内助系统将于2017年11月15日（周三）3:00-5:00进行系统维护，维护期间APP、官网将暂停交易。给您带来不便，敬请谅解！如遇疑问，请联系客服电话400-000-9810，感谢您对钱内助的大力支持！',
                image: require('../../../assets/images/newsbg.png'),
                time2: '2017-11-14'
            }
        },
        components: {
            InfoTop,
            Bread
        },
        created(){

        }
    }
</script>

<style lang="scss" scoped>
    .detail{
        width: 920px;
    }
    .detailContent{
        width: 820px;
        min-height: 688px;
        background: #ffffff;
        margin: 0 0 50px 0;
        padding: 30px 50px;
        h2{
            text-align: center;
            font-size: 24px;
            margin: 50px 0 20px 0;
        }
        h3{
            font-size: 16px;
            text-align: center;
            color: #999999;
            font-weight: normal;
            margin: 0 0 47px 0;
        }
        p{
            font-size: 16px;
            text-align: left;
        }
        img{
            width: 100%;
            height: 329px;
            margin: 29px 0;
        }
        span{
            float: right;
        };
    }
</style>
